/* Header styles: single owner for the logo, market switcher, page tabs, and Tiger header button. */

html body .topbar .market-strip,
html body .topbar .tabs {
  align-items: center !important;
  gap: 8px !important;
}

html body .topbar .market-strip {
  font-size: 9px !important;
}

html body .topbar .market-switch {
  gap: 6px !important;
}

html body .topbar .brand-exchange {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  color: rgba(255, 216, 112, 0.92) !important;
  background: rgba(5, 11, 18, 0.42) !important;
  border: 1px solid rgba(245, 169, 0, 0.14) !important;
}

html body .topbar .market-btn,
html body .topbar .tab {
  min-height: 24px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(245, 169, 0, 0.22) !important;
  background: linear-gradient(180deg, rgba(12, 18, 28, 0.9), rgba(4, 8, 14, 0.82)) !important;
  color: rgba(235, 244, 255, 0.9) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.26) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body .topbar .market-btn[aria-pressed="true"],
html body .topbar .tab[aria-selected="true"] {
  border-color: rgba(255, 211, 95, 0.72) !important;
  background: linear-gradient(180deg, #f7bd2b, #b87906) !important;
  color: #080602 !important;
  box-shadow: 0 8px 20px rgba(160, 96, 0, 0.32) !important;
}

html body .topbar .market-btn:hover,
html body .topbar .tab:hover {
  border-color: rgba(255, 211, 95, 0.72) !important;
  filter: brightness(1.08);
}

html body .topbar .tiger-header-link,
html body .topbar .tiger-header-open {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-width: 118px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  white-space: nowrap !important;
  border-color: rgba(148, 163, 184, 0.55) !important;
  background: rgba(15, 23, 42, 0.96) !important;
  color: var(--text) !important;
  box-shadow: none !important;
  font-size: 8.5px !important;
}

html body .topbar .tiger-header-open-logo {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  border-radius: 3px !important;
}

html body .topbar .tiger-header-open-text {
  display: inline-block !important;
  line-height: 1 !important;
}

html body .header-tiger-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  top: 118px !important;
  right: 12px !important;
  z-index: 2147483647 !important;
  box-sizing: border-box !important;
  min-height: 28px !important;
  max-width: min(360px, calc(100vw - 24px)) !important;
  padding: 6px 12px !important;
  overflow: visible !important;
  border: 1px solid rgba(245, 169, 0, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(9, 12, 18, 0.92) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.38) !important;
  color: #f8df8c !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  white-space: normal !important;
}

html body .header-tiger-status:empty {
  display: none !important;
}

html body .header-tiger-status[data-state="error"] {
  color: #ff4d6d !important;
}

html body .header-tiger-status[data-state="ok"] {
  color: #00e676 !important;
}